<template>
  <div>
    <el-divider />
    <h4>甲氨蝶呤</h4>
    <el-form ref="form" :model="form" label-width="180px">
      <el-row>
        <el-col :span="8">
          <el-form-item label="起始用药时间">
            <el-date-picker
              v-model="form.startDate"
              type="date"
              placeholder="选择日期"
            />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="结束用药时间">
            <el-date-picker
              v-model="form.endDate"
              type="date"
              placeholder="选择日期"
            />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="服药时间（天）">
            <el-input v-model="form.days" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="用法（次/日）">
            <el-input v-model="form.useMethod" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="每次服用（粒）">
            <el-input v-model="form.take" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="每次剂量（mg）">
            <el-input v-model="form.dose" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="当日服药剂量（mg）">
            <el-input v-model="form.doseToday" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="目前总服药剂量（mg）">
            <el-input v-model="form.doseTotal" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="起效时间">
            <el-date-picker
              v-model="form.onsetDate"
              type="date"
              placeholder="选择日期"
            />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="是否停药">
            <el-input v-model="form.stopState" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="基因">
            <el-input v-model="form.gene" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="副作用">
            <el-input v-model="form.sideEffect" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label="抑制位置">
            <el-input v-model="form.suppressionPosition" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="基因型:">
            <el-input v-model="form.genotype" />
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="治疗情况:">
            <el-input v-model="form.treatmentDetails" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        startDate: '2021/09/10',
        pid: this._routerRoot._route.query.id,
        did: 4
      }
    }
  },
  methods: {
    onSubmit() {
      console.log('submit!')
    }
  }
}
</script>

<style>

</style>
